body {
  padding: 0px;
  margin: 0px;
}
.main_stage {
  margin: 0px;
  margin-top: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  border-radius: 5px;
  background-color: black;
  padding: 10px;
  overflow: auto;  
}


#hidden_div{
  box-shadow: 0 4px 4px -2px #000000;
  border-radius: 5px;
  padding: 5px;
}

h1, h2, h3, p, a, li, footer {
  color: white;
  font-family: helvetica;
}

h1 {
  text-align: left;
  text-shadow: 1px 1px 1px #111;
  padding-left: 10px;
}

nav {
  margin: 10px;
  position: absolute;
  z-index: 1;
  background-color: white;
  float: left;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 5px;
  width: 200px;
}

nav h2 {
  color: black;
}

footer {
  vertical-align: bottom;
  text-align: center;
}

html{
  background-color: black;
}

.container {
  width: 100%;
  height: 160px;
  background-color: black;
  border-radius: 5px;
  padding: 5px;
  margin: 0px;
      
  background-image: linear-gradient(bottom, rgb(0,0,0) 28%, rgb(46,44,46) 64%, rgb(43,42,43) 82%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 28%, rgb(46,44,46) 64%, rgb(43,42,43) 82%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.28, rgb(0,0,0)),
  	color-stop(0.64, rgb(46,44,46)),
  	color-stop(0.82, rgb(43,42,43))
  );

    box-shadow: 0 0 5px rgba(120, 120, 120, 1);
    -webkit-box-shadow: 0 0 5px rgba(120, 120, 120, 1);     
    box-shadow: 0 10px 10px -2px rgba(0,0,0,.3);
}

#content {
  float: left;
  padding: 10px; 
  height: 500px; 
}

#content h3 {
  margin: 0px;
}

.category_button {
  float: left;
  clear: both;
}
img {
  float: left;
}

label {
  float: left;
}


div#carouselContainer
{
  position: absolute;
  right: 20%;
  left: 20%;
  height: 150px;
}
div#carouselContainer img
{
	position: relative;
	left: 0%;
	top: 0%;
	height: 95%;
	width: 31.5%;
	border-style: groove;
}
div#enterCity
{
	position: absolute;
	top: 40%;
	width: 63%;
	background-color: white;
	height: 10%;
	left: 25%;
	font-weight: bolder;
	border-style: groove;
	border-radius: 5px;
	border-width: 5px;
	border-color: red;
	vertical-align: middle;
	text-transform: capitalize;
}
div.Display
{
  position: absolute;
  z-index: 0;
  margin-bottom: 0px;
  margin: 10px;
  height: 500px;
  width: 100%;
}
#map_canvas {
  z-index:0;
}
div#dealsDisplay
{
	background-color: white;
	visibility: hidden;
	z-index: 1;
}
div.dealData
{
	color: black;
	text-align : left;
	font-weight: bolder;
}
div#dealPrice:hover
{
	font-size: x-large;
}
div#dealName
{
	text-align: center;
	font-size: x-large;
	color: black;
	text-transform: capitalize;
}
div#originalPrice
{
	color:gray;
	text-decoration: line-through;
}
div#dealPrice
{
	color: red;
}
div#Description
{
	font-weight: normal;
}
div#dealsDisplay img
{
	height: 200px;
}
.arrow
{
  width:100px;
	height: 100px;
}

#leftArrow {
  float: left;
}

#rightArrow {
  float: right;
}

#timerDiv {
  height: 100px;
  width: 200px;
}